﻿/*
Tratamente Lemn v2.2 Layout
(c) 2013 Casimeda '98
www.casimeda.ro

1. Global styles
2. Layout
	2.1. Blocks
	2.2. Columns
	2.3. Sub navigation
	2.4. Pagination
	2.5. Breadcrumb
3. Menu
4. Forms
	4.1. Elements
	4.2. Buttons
5. Catalog
	5.1. Categories
	5.2. Products
6. Helper
7. Fonts
*/

/* global */

html { overflow-y: scroll; overflow: -moz-scrollbars-vertical; font-size: 0.85em; }

body { margin: 0; padding: 0; font: 100% DroidSansRegular, Arial, Sans-serif; background: url(images/body-background.jpg); text-align: center; -webkit-font-smoothing: antialiased; -webkit-text-size-adjust: none; }

h1, h2, h3, h4, h5, h6 { margin: 0 0 20px 0; padding: 0; font-weight: normal; font-family: DroidSerifBold, 'Times New Roman' , Serif; color: #333; }
h1 a, h2 a, h3 a, h4 a, h5 a, h6 a { font-weight: inherit; }

h1 { font-size: 36px; line-height: 40px; }
h1 small { display: block; font-size: 24px; line-height: 28px; color: #666; }
h2 { font-size: 30px; line-height: 34px; }
h3 { font-size: 24px; line-height: 28px; }
h4 { font-size: 18px; line-height: 22px; }
h5 { font-size: 14px; line-height: 16px; }
h6 { font-size: 12px; line-height: 16px; }

p { margin: 0; padding: 0 0 20px 0; line-height: 20px; }
p.head { font-size: 18px; line-height: 22px; color: #333; font-weight: lighter; }

a { text-decoration: none; color: #01B3B3; }
a:hover { color: #0aa1a1; }

img { max-width: 100%; margin: 0; padding: 0; border: none; }

hr { margin: 20px 0 20px 0; border: 0; border-top: 1px dotted #999; height: 1px; width: 100%; text-align: left; }

ul, ol { margin: 0; padding: 0 0 20px; list-style: none; }
ul li, ol li { line-height: 20px; }

/* end global */

/* layout */

#page { text-align: left; }

#page-header, #page-menu, #page-content, #page-footer { clear: both; }
#page-header #header-menu-wrapper, 
#page-header #header, 
#page-menu, 
#page-content, 
#page-footer #footer-badges, 
#page-footer #footer-content { width: 1200px; margin: 0 auto;  }

#page-menu { background: #2C2C2C url(images/menu-background.gif) repeat-x; border-bottom: solid 3px #01B3B3; height: 33px; }

#page-header #header-menu-wrapper { position: relative; }
#page-header #header-menu { background: #2C2C2C url(images/menu-background.gif) repeat-x; border-bottom: solid 3px #01B3B3; height: 33px; }

#page-header #header { margin: 40px auto; height: 100px; }

#page-header #header-logo { float: left; display: block; }
#page-header #header-logo a { background: url(images/logo.png) no-repeat; width: 400px; height: 100px; display: block; text-indent: -999em; }

#page-header #header-search { float: right; margin-top: 20px; }
#page-header ul#search { float: right; margin: 0; padding: 5px 10px; background: #01B3B3; vertical-align: top; list-style: none; }
#page-header ul#search li { display: inline; }
#page-header ul#search input.search-input, 
#page-header ul#search input.search-button { margin: 0; padding: 0; border: 0; outline: none; overflow: visible; }
#page-header ul#search input.search-input { padding: 4px; height: 16px; }
#page-header ul#search input.search-button { padding: 4px; background: #01B3B3; color: #fff; cursor: pointer; width: auto; }

#page-menu { z-index: 1000; }

#page-content { background: #fff; }

#page-content #one-column { clear: both; }
#page-content #two-columns { padding: 20px; clear: both; overflow: hidden; }
#page-content #two-columns #navigation-column, 
#page-content #two-columns #main-column { float: left; clear: right; }
#page-content #two-columns #navigation-column { width: 260px; margin-right: 20px; }
#page-content #two-columns #main-column { width: 860px; margin-left: 20px; }

#page-footer { color: #fff; background: #2c2c2c; border-top: solid 3px #01B3B3; }
#page-footer p.head { color: #fff; }

/* end layout */

/* blocks */

.block { clear: both; padding: 20px 20px 0 20px; }
.block .block { padding: 0; }

.featured { background: #eee; border-top: solid 1px #ccc; border-bottom: solid 1px #ccc; -webkit-box-shadow: inset 0px 10px 10px -1px #ccc; box-shadow: inset 0px 10px 10px -1px #ccc; }
.panel { border-style: solid; border-width: 1px; border-color: #087F7F; margin-bottom: 1.25em; padding: 1.25em; background: #0aa1a1; color: #fff; -webkit-box-shadow: 0 1px 0 rgba(255, 255, 255, 0.5) inset; box-shadow: 0 1px 0 rgba(255, 255, 255, 0.5) inset; -webkit-border-radius: 3px; border-radius: 3px; }

.panel h1, .panel h2, .panel h3, .panel h4, .panel h5, .panel h6 { color: #fff; }
.panel h2 { font-size: 24px; }

/*
#hero { background: url(images/hero.png) no-repeat center center; color: #fff; height: 300px; padding: 35px 0 115px 338px; }
#hero h2 { color: #fff; font-size: 24px; }
#hero .panel { width: 250px; float: left; margin-left: -338px; }
*/

/* end blocks */

/* columns */

.columns { clear: both; overflow: hidden; }

.two, .three, .four { float: left; display: inline; overflow: hidden; margin: 0 20px; }
.two { width: 560px; }
.three { width: 360px; }
.four { width: 260px; }

.columns .first { margin-left: 0; }
.columns .last { margin-right: 0; }

/* end columns */

/* sub nav */

dl.subnav { display: block; width: auto; overflow: hidden; margin: -4px 0 0px -9px; padding-top: 4px; }
dl.subnav dt, dl.subnav dd { float: left; display: inline; margin: 4px 0 4px 9px; }
dl.subnav dt { clear: left; font-weight: bold; }
dl.subnav a { text-decoration: none; border-radius: 12px; color: #ccc; }
dl.subnav a:hover { color: #0aa1a1; }
dl.subnav dd.active, dl.subnav dd.active a, dl.subnav dd a.active { background: #01b3b3; color: #fff; padding: 3px 9px; }

/* end sub nav */

/* tags */

dl.tags { display: block; width: auto; overflow: hidden; margin: -4px 0 0px -9px; padding-top: 4px; }
dl.tags dt { clear: left; font-weight: bold; }
dl.tags dt, dl.tags dd { margin: 0 0 10px 10px; }
dl.tags a { text-decoration: none; border-radius: 12px; background: #01b3b3; color: #fff; padding: 3px 9px; }
dl.tags a:hover { background: #0aa1a1; }
dl.tags a span { margin-left: 5px; border-radius: 12px; background: #fff; color: #01b3b3; padding: 0 5px; }
/* end tags */

/* pagination */

ul.pagination { margin: 0; padding: 20px 0; list-style: none; }
ul.pagination li { display: inline; }
ul.pagination li.active { border-bottom: solid 2px #0aa1a1; }
ul.pagination li a { padding: 5px; color: #ccc; }
ul.pagination li:hover a, ul.pagination li.active a { color: #0aa1a1; }

/* end pagination */

/* breadcrumb */

ul.breadcrumb { margin: 0; padding: 0 0 20px 0; list-style: none; }
ul.breadcrumb li { display: inline; padding-right: 15px; margin-right: 10px; background: url(images/arrow-normal-left.gif) no-repeat right 30%; }

/* end breadcrumb */

/* menu */

.menu { margin: 0; padding: 0; list-style: none; line-height: 1; position: relative; }
.menu li { float: left; line-height: 1; }
.menu li li { float: none; }
.menu li a.main { display: block; color: #fff; text-decoration: none; padding: 9px 9px 10px; }
.menu li.active a.main { background: #01B3B3; }
.menu > li.hover a.main, .menu > li:hover { visibility: inherit; }
.menu > li:hover a.main { background: #0aa1a1; }

.menu li.has-flyout, .menu li.has-children { padding-left: 9px; }
.menu li.has-flyout a.main, .menu li.has-children a.main { padding-left: 19px; background: url('images/arrow-normal.gif') no-repeat left center; }
.menu li.has-flyout.hover, .menu li.has-children.hover { background: #0aa1a1; }
.menu li.has-flyout.hover a.main, .menu li.has-children.hover a.main { background: url('images/arrow-hover.gif') no-repeat left center; }

.flyout { display: none; height: 1; z-index: 2000; position: absolute; top: 33px; left: 0px; width: 1200px; padding-bottom: 10px; background: #0aa1a1; border-bottom: solid 3px #087F7F; }

.menu li.has-children .flyout ul { margin: 10px 0 0 10px; padding: 0 0 0 10px; border-left: solid 1px #087F7F; list-style: none; float: left; width: 399px; }
.menu li.has-children .flyout ul li { margin: 0; padding: 0; }
.menu li.has-children .flyout ul li a { color: #fff; text-decoration: none; display: block; padding: 9px 0 10px; font-weight: normal; background: none; }
.menu li.has-children .flyout ul li a:hover { color: #fff; background: #087F7F; font-weight: bold; font-size: 95%; }

.menu.small .flyout { left: 0; right: 0; width: 456px;  }

.menu li.has-children.icon-cart { padding-left: 64px; background: url('images/icons-cart.png') no-repeat left -77px; }
.menu li.has-children.hover.icon-cart, .menu li.has-children.hover.icon-cart { padding-left: 64px; background: #0aa1a1 url('images/icons-cart.png') no-repeat left -17px; }

.menu li a.main .label { background-color: #01b3b3; color: #fff; font-weight: bold; padding: 1px 7px 2px; -moz-border-radius: 8px; -webkit-border-radius: 8px; border-radius: 8px; }
.menu li a.main:hover .label { background-color: #fff; color: #01b3b3; }

#minicart { background: #fff; border-top: solid 3px #01B3B3; }
#minicart .mini-shoppingcart { padding: 10px 10px 0;  }
#minicart .mini-shoppingcart h4 { color: #087F7F; padding: 5px 0; border-bottom: dotted 1px #087F7F; }
#minicart .mini-shoppingcart ul { list-style: none; padding: 0; margin: 0 0 10px; border: none; } 
#minicart .mini-shoppingcart ul li {}

#minicart .mini-shoppingcart ul li a,
#minicart .mini-shoppingcart ul li a:hover { display: inline; padding: 0; background: none; font-weight: normal; font-size: inherit; }
#minicart .mini-shoppingcart ul li a { color: #01B3B3; }
#minicart .mini-shoppingcart ul li a:hover { color: #0aa1a1; }

/* end menu */

/*tabs*/
.tab { padding-bottom: 20px; }
dl.tabs { display: block; margin: 0 0 30px 0; padding: 0; height: 43px; border-bottom: solid 1px #eee; }
dl.tabs dt { display: block; width: auto; height: 30px; padding: 0 9px 0 20px; line-height: 30px; float: left; color: #999; font-size: 11px; text-transform: uppercase; cursor: default; }
dl.tabs dt:first-child { padding: 0 9px 0 0; }
dl.tabs dd { display: block; width: auto; height: 30px; margin: 0; padding: 0; float: left; }
dl.tabs dd a { display: block; width: auto; height: 29px; padding: 7px 18px 9px; line-height: 30px; border: none; margin: 0 -1px 0 0; color: #555; background: none; }
dl.tabs dd a.active { background: #fff; border-width: 1px 1px 0 1px; border-left: 1px solid #eee; border-right: 1px solid #eee; border-top: 3px solid #0aa1a1; height: 30px; margin: 0 10px; position: relative; top: -5px; font-weight: bold; }

.nice.tabs dd:first-child a.active { margin-left: 0; }
		   
ul.tabs-content { margin: 0; display: block; }
ul.tabs-content>li { display: none; }
.no-js ul.tabs-content>li { display: block; }
ul.tabs-content>li.active { display: block; }
    
dl.contained, dl.nice.contained { margin-bottom: 0; }
dl.contained.tabs dd a { padding: 0 14px; }
dl.nice.contained.tabs dd a { padding: 7px 18px 9px; }

ul.contained.tabs-content { padding: 0; }
ul.contained.tabs-content>li { padding: 20px; border: solid 0 #ddd; border-width: 0 1px 1px 1px; }
ul.contained.vertical.tabs-content>li { border-width: 1px 1px 1px 1px; }
ul.nice.contained.tabs-content>li { border-color: #eee; }

.nice.tabs-content .columns .two { width: 539px; }
/*end tabs*/

/* forms */

fieldset { margin: 0 0 20px 0; padding: 0; border: none; }
legend { font-weight: bold; margin: 0 0 5px 0; }

/* labels */

label { font-size: 100%; font-weight: normal; line-height: 20px; display: block; margin-bottom: 5px; }
label.inline { display: inline-block; padding-top: 5px; vertical-align: middle; }
label.inline + label.inline { margin-left: 10px; }
.controls > label.radio:first-child, .controls > label.checkbox:first-child { padding-top: 5px; }

/* end labels */

/* radios & checkboxes*/

label.radio, label.checkbox { min-height: 18px; padding-left: 18px; }
label.radio input[type="radio"], label.checkbox input[type="checkbox"] { float: left; margin-left: -18px; }
.radio.inline, .checkbox.inline { display: inline-block; padding-top: 5px; vertical-align: middle; }
.radio.inline + .radio.inline, .checkbox.inline + .checkbox.inline { margin-left: 10px; }

/* end radios & checkboxes*/

/* controls */

input.input-text, textarea, select { background: #fff url(images/input-bg.png); border: solid 1px #bbb; -webkit-border-radius: 2px; font-family: "DroidSansRegular", "Arial", Sans-Serif; font-size: 13px; padding: 6px 3px 4px; outline: none !important; -moz-border-radius: 2px; border-radius: 2px; }
input.input-text:focus, textarea:focus, select:focus { background-color: #f9f9f9; }

textarea { max-width: 100%; }

input.input-text, textarea, select { width: 254px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }

input.small, textarea.small, select.small { width: 134px; }
input.medium, textarea.medium, select.medium { width: 254px; }
input.large, textarea.large, select.large { width: 434px; }
input.expand, textarea.expand, select.expand { width: 100%; }
input.input-text.oversize, textarea.oversize, select.oversize { font-size: 18px !important; padding: 4px 5px !important; }

select.inline + select.inline { margin-left: 10px; }

/* end controls */

label + input.input-text, label + textarea, label + select { margin-top: -9px; }

.help-block, .help-inline { color: #555555; }
.help-block { display: block; margin-bottom: 9px; }
.help-inline { display: inline-block; *display: inline; *zoom: 1; vertical-align: middle; padding-left: 5px; }

.controls ul { list-style: none; }

.form { margin: 0; padding-bottom: 20px; }

.form-horizontal input,
.form-horizontal textarea,
.form-horizontal select,
.form-horizontal .help-inline { display: inline-block; *display: inline; *zoom: 1; margin-bottom: 0; }
.form-horizontal .hide { display: none; }

.control-group { margin-bottom: 9px; }

.form-horizontal .control-group:before,
.form-horizontal .control-group:after { display: table; content: ""; }
.form-horizontal .control-group:after { clear: both; }
.form-horizontal .control-label { float: left; width: 140px; padding-top: 7px; text-align: right; }
.form-horizontal .controls { *display: inline-block; *padding-left: 20px; margin-left: 160px; *margin-left: 0; }
.form-horizontal .controls:first-child { *padding-left: 160px; }

.form-horizontal .help-block { margin-top: 9px; margin-bottom: 0; }

.form-actions { margin-top: 10px; padding-top: 10px; border-top: dotted 1px #999; }
.form-actions + .alert-box { margin-top: 20px; }


/* end forms */

/*alert*/

.alert-box { display: block; padding: 6px 7px; font-weight: bold; font-size: 14px; background: #eee; border: 1px solid rgba(0,0,0,0.1); margin-bottom: 12px; border-radius: 3px; -webkit-border-radius: 3px; -moz-border-radius: 3px; text-shadow: 0 1px rgba(255,255,255,0.9); position: relative; }
.alert-box.success { background-color: #01b3b3; color: #fff; text-shadow: 0 -1px rgba(0,0,0,0.3); }
.alert-box.warning { background-color: #f68b01; color: #fff; text-shadow: 0 -1px rgba(0,0,0,0.3); }
.alert-box.error { background-color: #c00000; color: #fff; text-shadow: 0 -1px rgba(0,0,0,0.3); }
div.alert-box ul { font-weight: normal; margin: 0; padding: 0; }

.error, .required { color: #c00000; }
.error { display: block; }

.form-horizontal .error,
.form-horizontal .required { display: inline; }

/*end alert*/

/* buttons */

.button { background: #e9e9e9 url(images/button-gloss.png) repeat-x 0 -31px; color: #333; width: auto; display: inline-block; text-align: center; overflow: visible; border: none; outline: none; padding: 9px 34px 11px; margin: 0; line-height: 1;	 text-decoration: none; cursor: pointer; font-weight: bold; font-size: 100%; font-family: DroidSansRegular, Arial, sans-serif; border: solid 1px #cacaca; -moz-box-shadow: inset 0 1px 0 rgba(255,255,255,.5); -webkit-box-shadow: inset 0 1px 0 rgba(255,255,255,.5); box-shadow: inset 0 1px 0 rgba(255,255,255,.5); -webkit-transition: background-color .15s ease-in-out; -moz-transition: background-color .15s ease-in-out; -o-transition: background-color .15s ease-in-out;  -moz-border-radius: 1000px; -webkit-border-radius: 1000px; border-radius: 1000px; }

.button:hover, .button:focus { background-color: #dadada; }
.button.primary { background-color: #01b3b3; border-color: #0aa1a1; color: #fff; text-shadow: 0 -1px 1px rgba(0,0,0,0.28); }
.button.primary:hover, .button.primary:focus { background-color: #0aa1a1; border-color: #0aa1a1; }

.tiny.button { font-size: 80%; padding: 6px 14px 8px; background-position: 0 -37px; }
.small.button { font-size: 90%; padding: 8px 20px 10px; background-position: 0 -34px; }
.medium.button { font-size: 95%; }
.large.button { font-size: 120%; padding: 11px 48px 13px; background-position: 0 -30px; width: auto; }
.giant.button { font-size: 150%; padding: 13px 48px 15px; background-position: 0 -26px; width: auto; }

.full-width.button { width: 100%; padding-left: 0 !important; padding-right: 0 !important; text-align: center; }

a.button { text-decoration: none; }
a.button:hover { color: #333; }
a.primary.button:hover { color: #fff; }

/* end buttons */

/*tables*/

table { background: #fff; -moz-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px; margin: 0 0 18px; border: 1px solid #ddd; width: 100%;  }
	
table thead, table tfoot { background: #f5f5f5; }
table thead tr th,
table tfoot tr th,
table tbody tr td,
table tr td,
table tfoot tr td { font-size: 12px; line-height: 18px; text-align: left; }
table thead tr th,
table tfoot tr td { padding: 8px 10px 9px; font-size: 14px; font-weight: bold; color: #222; }
table thead tr th:first-child, table tfoot tr td:first-child { border-left: none; }
table thead tr th:last-child, table tfoot tr td:last-child { border-right: none; }

table tbody tr.even,
table tbody tr.alt { background: #f9f9f9; }
table tbody tr:nth-child(even) { background: #f9f9f9; }
table tbody tr td { color: #333; padding: 9px 10px; vertical-align: top; border: none; }

/*end tables*/

/* categories */

.category-list { list-style: none; }
.category-list li { display: inline; float: left; }

.category-list .category-item { width: 360px; margin: 0 20px; }

.category-list .first { margin-left: 0;	}
.category-list .last { margin-right: 0;	}

.category { padding-bottom: 20px; }

.category .category-header { clear: both; padding: 20px 20px 0 20px; background: #eee; border-top: solid 1px #ccc; border-bottom: solid 1px #ccc; -webkit-box-shadow: inset 0px 10px 10px -1px #ccc; box-shadow: inset 0px 10px 10px -1px #ccc; }
.category .category-header .category-title { margin: 0; }
.category .category-header .category-description { font-size: 24px; line-height: 28px; color: #666; }

.category .category-content { clear: both; padding: 20px 20px 0 20px; }
.category .category-content .category { padding: 0; }

/* end categories */

/* product */

.product { padding-bottom: 20px; }
.product .product-price { color: #01b3b3; font-size: 120%; font-weight: bold; margin-top: 20px; }
.product .product-actions { margin-top: 20px; }
.product .product-buttons { margin-top: 20px; }

.product-bundles { overflow: hidden; clear: both; margin-top: 20px; width: 100%; }
.product-bundles p {  }
.product-bundles .bundle-item { float: left; margin: 20px 20px 0 0; }

.product .product-header { clear: both; padding: 20px 20px 0 20px; background: #eee; border-top: solid 1px #ccc; border-bottom: solid 1px #ccc; -webkit-box-shadow: inset 0px 10px 10px -1px #ccc; box-shadow: inset 0px 10px 10px -1px #ccc; }
.product .product-header .product-title { margin: 0; }
.product .product-header .product-description { font-size: 24px; line-height: 28px; color: #666; }

.product .product-essential { clear: both; padding: 20px 20px 0 20px; }
.product .product-essential .product-pictures ul.pictures { margin: 0; padding: 0; list-style: none; }
.product .product-essential .product-pictures ul.pictures li { display: inline; }
.product .product-essential .product-overview .product-sku,
.product .product-essential .product-overview .product-mpn { color: #666; font-size: 12px; display: inline; margin-right: 10px; }
.product .product-essential .product-overview .product-attributes { margin-top: 20px; }
.product .product-essential .product-overview .product-attributes + .product .product-essential .product-overview .product-prices { margin-top: 0; }
.product .product-essential .product-overview .product-prices .product-price { font-size: 160%; margin-bottom: 20px; }

.product .product-collateral { clear: both; padding: 20px 20px 0 20px; }
.product .product-collateral .product-reviews ul.review-rating { margin: 0; padding: 0; list-style: none; display: inline; }
.product .product-collateral .product-reviews ul.review-rating li { display: inline; }
.product .product-collateral .product-reviews ul.review-rating li label { display: inline-block; }
.product .product-collateral .product-reviews ul.review-rating li label input { float: none; }

.product-grid { padding: 0 0 20px; margin: 0 -20px; list-style: none; overflow: hidden; clear: both; }
.product-grid li.product { float: left; width: 360px; margin: 0 20px; position: relative; height: 100%; }

.product-grid .first { margin-left: 0; }
.product-grid .last { margin-right: 0; }

.product-list { clear: both; }
.product-list .product { clear: both; overflow: hidden; padding: 0; }
.product-list .product .product-picture { float: left; }
.product-list .product .product-info { float: left; margin-left: 20px; }
.product-list .product .product-info p.head { font-size: 100%; font-weight: bold; padding: 0; border-bottom: dotted 1px #666; }
.product-list .product .product-buy { float: right; margin-left: 20px; }

.product-filters { margin-bottom: 20px; }

/* end product */

ul.thumbnails { margin: 0; padding: 0; list-style: none; }
ul.thumbnails li { display: inline; }

/* news */

.home-news ul,
.home-blog ul { margin: 0; padding: 0; list-style: none; }

.news-item,
.post-item { padding-bottom: 20px; }
.news-item .news-title,
.post-item .post-title { margin-bottom: 0; }
.news-item .news-date,
.post-item .post-date { color: #ccc; }

/* end news*/

/* order */

.order-progress { padding-bottom: 20px; }
.checkout-data { padding-bottom: 20px; }
.address-existing ul { margin: 0; padding: 0; list-style: none; }

/* end order */

/*flash video*/

.flex-video { position: relative; padding-top: 25px; padding-bottom: 67.5%; height: 0; margin-bottom: 16px; overflow: hidden; }
.flex-video.widescreen { padding-bottom: 57.25%; }
.flex-video.vimeo { padding-top: 0; }
.flex-video iframe, .flex-video object, .flex-video embed { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }

/*end flash video*/

/* slimbox */

#slimbox-overlay { position: fixed; z-index: 9999; left: 0; top: 0; width: 100%; height: 100%; background-color: #000; cursor: pointer; }
#slimbox-center, #slimbox-bottom-container { position: absolute; z-index: 9999; overflow: hidden; background-color: #fff; }
.slimbox-loading { background: #fff url(images/loading.gif) no-repeat center; }
#slimbox-image { position: absolute; left: 0; top: 0; border: 10px solid #fff; background-repeat: no-repeat; }
#slimbox-prev-link, #slimbox-next-link { display: block; position: absolute; top: 0; width: 50%; outline: none; }
#slimbox-prev-link { left: 0; }
#slimbox-prev-link:hover { background: transparent url(images/prevlabel.gif) no-repeat 0 15%; }
#slimbox-next-link { right: 0; }
#slimbox-next-link:hover { background: transparent url(images/nextlabel.gif) no-repeat 100% 15%; }
#slimbox-bottom { font-size: 14px; color: #666; line-height: 1.4em; text-align: left; border: 10px solid #fff; border-top-style: none; }
#slimbox-close-link { display: block; float: right; width: 66px; height: 22px; background: transparent url(images/closelabel.gif) no-repeat center; margin: 5px 0; outline: none; }
#slimbox-caption, #slimbox-number { margin-right: 71px; }
#slimbox-caption { font-weight: bold; color: #0aa1a1; }

/* end slimbox */

/* helper */

.left { float: left; }
.right { float: right; }
.text-left { text-align: left; }
.text-right { text-align: right; }
.text-center { text-align: center; }
.clear { clear: both; display: block; overflow: hidden; visibility: hidden; width: 0; height: 0; }

/* end helper */

/* fonts */

@font-face { font-family: 'DroidSansRegular'; src: url('fonts/droid/droidsans-webfont.eot'); src: url('fonts/droid/droidsans-webfont.eot?#iefix') format('embedded-opentype'), url('fonts/droid/droidsans-webfont.woff') format('woff'), url('fonts/droid/droidsans-webfont.ttf') format('truetype'), url('fonts/droid/droidsans-webfont.svg#DroidSansRegular') format('svg'); font-weight: normal; font-style: normal; }
@font-face { font-family: 'DroidSansBold'; src: url('fonts/droid/droidsans-bold-webfont.eot'); src: url('fonts/droid/droidsans-bold-webfont.eot?#iefix') format('embedded-opentype'), url('fonts/droid/droidsans-bold-webfont.woff') format('woff'), url('fonts/droid/droidsans-bold-webfont.ttf') format('truetype'), url('fonts/droid/droidsans-bold-webfont.svg#DroidSansBold') format('svg'); font-weight: normal; font-style: normal; }
@font-face { font-family: 'DroidSerifBold'; src: url('fonts/droid/droidserif-bold-webfont.eot'); src: url('fonts/droid/droidserif-bold-webfont.eot?#iefix') format('embedded-opentype'), url('fonts/droid/droidserif-bold-webfont.woff') format('woff'), url('fonts/droid/droidserif-bold-webfont.ttf') format('truetype'), url('fonts/droid/droidserif-bold-webfont.svg#DroidSerifBold') format('svg'); font-weight: normal; font-style: normal; }
@font-face { font-family: 'DroidSerifBoldItalic'; src: url('fonts/droid/droidserif-bolditalic-webfont.eot'); src: url('fonts/droid/droidserif-bolditalic-webfont.eot?#iefix') format('embedded-opentype'), url('fonts/droid/droidserif-bolditalic-webfont.woff') format('woff'), url('fonts/droid/droidserif-bolditalic-webfont.ttf') format('truetype'), url('fonts/droid/droidserif-bolditalic-webfont.svg#DroidSerifBoldItalic') format('svg'); font-weight: normal; font-style: normal; }
@font-face { font-family: 'DroidSerifItalic'; src: url('fonts/droid/droidserif-italic-webfont.eot'); src: url('fonts/droid/droidserif-italic-webfont.eot?#iefix') format('embedded-opentype'), url('fonts/droid/droidserif-italic-webfont.woff') format('woff'), url('fonts/droid/droidserif-italic-webfont.ttf') format('truetype'), url('fonts/droid/droidserif-italic-webfont.svg#DroidSerifItalic') format('svg'); font-weight: normal; font-style: normal; }
@font-face { font-family: 'DroidSerifRegular'; src: url('fonts/droid/droidserif-regular-webfont.eot'); src: url('fonts/droid/droidserif-regular-webfont.eot?#iefix') format('embedded-opentype'), url('fonts/droid/droidserif-regular-webfont.woff') format('woff'), url('fonts/droid/droidserif-regular-webfont.ttf') format('truetype'), url('fonts/droid/droidserif-regular-webfont.svg#DroidSerifRegular') format('svg'); font-weight: normal; font-style: normal; }

/* end fonts */